@charset "utf-8";
/* CSS Document */

/*banner*/
#wrap-banner{ height:500px; position:relative;}
.slider-content{ height:500px; position:relative; overflow:hidden; z-index:1;}
.item-banner{ width:100%; height:500px; position:absolute; overflow:hidden;text-align:center;}
.item-banner div{position:relative;width:100%;height:500px;overflow:hidden;}
.item-banner a{position:absolute;top:50%;left:50%;margin:0;padding:0;z-index:1;}
.item-banner img{position:absolute;top:-50%;left:-50%;display:block;}
.item-banner img.hidden{visibility:hidden;position:static;}

.slider-main img{margin:0 auto;}
.c-1{ background:#09cd9f}
.c-2{ background:#cc0023}
.c-3{ background:#09cd9f}
.c-4{ background:#cc0023}
.c-5{ background:#09cd9f}

.slider-nav{ width:100%; bottom:20px; position:absolute; text-align:center; z-index:2}
.slider-nav span{ width:19px; height:18px; margin-right:5px; display:inline-block; background:url(../images/banner-nav-list.png) no-repeat 0 -22px;}
.slider-nav span.cur{ background-position:0 0; cursor:pointer}
.prenextbg_prev{position:absolute;left:50%;z-index:99;top:225px;margin-left:-396px;background:#000000;width:30px;height:50px;opacity:0.4;filter:Alpha(Opacity=40);cursor:pointer;display:block}
.prenextbg_next{position:absolute;left:50%;z-index:99;top:225px;margin-left:314px;background:#000000;width:30px;height:50px;opacity:0.4;filter:Alpha(Opacity=40);cursor:pointer;display:block}
.prenextbtn_prev{position:absolute;left:50%;z-index:99;top:239px;margin-left:-388px;width:12px;height:21px;background: url(../images/mL.png) no-repeat;cursor:pointer;display:block}
.prenextbtn_next{position:absolute;left:50%;z-index:99;top:239px;margin-left:324px;width:12px;height:21px;background: url(../images/mR.png) no-repeat;cursor:pointer;display:block}
.prenexticon{display: none}

/*首页登录*/
.vip-outcon{ width:1209px; height:0; position:relative; margin:-500px auto 0; z-index:2}
.vipcon{ width:250px; position:absolute; right:0; top:0;}

/*vip信息*/
.vipcon-inf{ height:240px; margin-top:10px; background:#fff;}
.inf-hd{ height:40px; padding:15px 0 8px 0; font-size:12px; color:#666; background:url(../images/lineDashed-h.png) no-repeat center bottom}
.inf-hd .vip-pic{ width:40px; height:40px; overflow:hidden; float:left; padding:0 10px 0 45px}
.inf-hd .vip-pic img{width:100%;height:100%;border-radius:50%;}
.inf-hd p{ padding-top:5px;}

.inf-mid1 li{ width:46%; padding:15px 0; float:left;white-space: nowrap;}
.inf-mid1 li span{ display:inline-block;}
.inf-mid1 .mid1-l{ padding-left:28px; font-size:16px; color:#666}
.inf-mid1 .mid1-r{ color:#ff5555; padding-left:5px; font-weight:bold;cursor:pointer}

/*.inf-mid2{ border:1px solid #eee;}*/
.inf-mid2 li{ float:left;}
.inf-mid2 li a{ width:82px; height:25px; font-size:12px;  display:block; border:1px solid #eee;border-left:none;  position:relative; padding-top:32px; text-align:center}
.inf-mid2 li a span{ width:100%; position:absolute; top:0; left:0; line-height:35px; text-align:center}

.inf-ft{ margin-top:15px;}
.inf-ft li{ width:33.33%; text-align:center; float:left; font-size:12px; }
.inf-ft li a{ width:100%; display:block; padding-top:30px; position:relative;}
.inf-ft li a span{ width:100%; height:22px; position:absolute; top:0; left:0; }
.inf-ft li a.t-1{background:url(../images/notico.png) no-repeat center 0}
.inf-ft li a.t-2{background:url(../images/ico-pur.png) no-repeat center 0}
.inf-ft li a.t-3{background:url(../images/timeico.png) no-repeat center 0}
.inf-ft li a.t-4{background:url(../images/ico-collect.png) no-repeat center 0}

/*公告*/
.vipcon-news{ height:230px;  margin-top:10px; background:#fff;}
.news-hd{ height:40px; margin:0 8px; position:relative;border-bottom:1px solid #dcdcdc}
.news-hd ul{ position:absolute; height:40px; top:0; left:0; width:100%; }
.news-hd ul li{ width:90px; height:40px; float:left; line-height:40px; text-align:center; position:relative;color:#A7A7A7}
.news-hd ul li span{ width:1px; height:14px; background:#999; position:absolute; right:0; top:13px;}
.news-hd ul li.cur{ color:#0daeff; border-bottom:1px solid #2f8cff; cursor:pointer}
.news-more{ font-family:"宋体"; position:absolute; right:3px; font-size:12px; top:14px;}
.news-more a{color:#A7A7A7}
.news-bd{ margin:0 8px;height:181px;overflow:hidden;}
.item-bd li{ padding:12px 5px 10px 5px; background:url(../images/lineDashed-h.png) repeat-x bottom}
.item-bd li a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*公告end*/

/*首页登录end*/

#warp-container{ background:#eee; padding-bottom:50px; overflow:hidden}

/*今日特卖*/
.today-sale{
    width: 1210px;
    margin: 20px auto 0;
}
.today-sale .sale-tit{
    padding:0 20px;
    width: 1170px;
    height: 50px;
    line-height: 50px;
    background-color: #ff6767;
}
.today-sale .sale-tit > span{
    font-size: 20px;
    color: #fff;
}
.today-sale .sale-tit .sale-nav{
    float: right;
    /*font-size:0;*/
}
.today-sale .sale-tit .sale-nav span{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 0 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.today-sale .sale-tit .sale-nav span.cur{
    background-color: #0daeff;
}

.today-sale .sale-con{
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.today-sale .sale-con > a{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index:10;
    background:url("../images/prev-next.png") no-repeat;
}
.today-sale .sale-con > a.sale-btn-prev{
    left:-30px;
    background-position: 0 0;
}
.today-sale .sale-con > a.sale-btn-next{
    right:-30px;
    background-position: -67px 0;
}

.today-sale .sale-con .sale-con-list{
    width: 100%;
    height: 317px;
    padding:0 4px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.today-sale .sale-con .sale-con-list ul{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.today-sale .sale-con .sale-con-list li:nth-child(5n){
    border-right:none;
}

.today-sale .sale-con .sale-con-list li{
    position: relative;
    float: left;
    padding: 10px 20px;
    width: 240px;
    height: 316px;
    border-right: 1px solid #eee;
    background-color: #fff;
    z-index:1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.today-sale .sale-con .sale-con-list li a{
    position: relative;
    display: block;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}
.today-sale .sale-con .sale-con-list li a .sm-mask{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:28px;
    color: #fff;
    background-color: #000;
    opacity:.1;
    filter: alpha(opacity=10)\9;
    line-height: 200px;
    text-align: center;
    z-index:1;
}
.today-sale .sale-con .sale-con-list li a .sm-mask-center{
    position: absolute;
    top:43px;
    left:43px;
    width:114px;
    height:114px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)\9;
    z-index:2;
}
.today-sale .sale-con .sale-con-list li a i{
    font-style: normal;
    position: absolute;
    top:0;
    left:0;
    width:200px;
    height:200px;
    font-size:28px;
    color: #fff;
    text-align: center;
    line-height: 200px;
    z-index:3;
    font-family: "SimSun";
}
.today-sale .sale-con .sale-con-list li a img{
    width: 100%;
}
.today-sale .sale-con .sale-con-list li p{
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.today-sale .sale-con .sale-con-list li .drug-name{
    font-size: 14px;
    color: #333;
}
.today-sale .sale-con .sale-con-list li .drug-company{
    font-size: 12px;
    color: #999;
}
.today-sale .sale-con .sale-con-list li .drug-price{
    font-size: 16px;
    color: #ff6767;
    line-height: 30px;
}
.today-sale .sale-con .sale-con-list li .drug-price span{
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    text-decoration: line-through;
}
.today-sale .sale-con .sale-con-list li .drug-overtime{
    font-size: 12px;
    color: #999;
}
.today-sale .sale-con .sale-con-list li .drug-overtime span{
    color: #333;
}
.today-sale .sale-con .sale-con-list li .drug-overtime em{
    color: #ff6767;
}

/*限时特卖*/
.hotPro{ height:440px; background:#fff;}
.hotPro-hd{ height:50px; position:relative; border-bottom:1px solid #eee}
.hotPro-hd-title{ width:165px; height:50px; background:url(../images/hotPro.png) no-repeat 0 0}
.hotPro-hd-more{ font-size:12px; font-family:"宋体"; line-height:50px; position:absolute; right:25px; top:0}

.hotPro-bd .hotPro-item{ width:240px; height:388px; float:left; border-right:1px solid #eee;}
.hotPro-item-pic{ width:220px; height:220px; overflow:hidden; margin:10px auto;}
.hotPro-item-info{ padding:0 10px;}
.hotPro-item-info .title{ font-size:16px; padding-bottom:7px; padding-left:3px;}
.hotPro-item-info .cost{ height:24px; line-height:24px;padding-bottom:4px; color:#fff; background:url(../images/costIco.png) no-repeat 0 0}
.hotPro-item-info .cost span{ margin-left:95px;}
.hotPro-item-info .del{ color:#999; }
.hotPro-item-info .endtime{ height:20px; line-height:20px; padding:6px 0 0 0; color:#666}
.hotPro-item-info .endtime li{ float:left}
.hotPro-item-info .endtime .endtime-num{ border:1px solid #ff6767; font-size:14px; height:18px; text-align:center; margin:0 3px; line-height:18px; padding:0 1px; border-radius:2px; color:#ff6767}
.hotPro-item-info .btn{ padding-top:8px; text-align:center;}
.hotPro-item-info .btn a{ width:206px; height:30px; line-height:30px; text-align:center; border-radius:5px; border:1px solid #ff6767; color:#ff6767; display:inline-block;}





/*楼层通用*/
.cont-title{ height:25px; position:relative; margin-bottom:5px;}
.cont-title h2{ font-size:20px; line-height:25px; padding-left:15px; }
.cont-title a{ position:absolute; right:25px; top:0; line-height:25px; font-family:"宋体"}
.cont-main{ height:550px; background:#fff;}

.cont-main-left{ width:250px; height:550px; float:left;position: relative;}
.cont-left-hd{ width:250px; height:285px;}
.cont-left-bd{ width:230px; margin:20px 10px 0 10px;position: absolute;bottom:8px;left:0px}
.cont-left-bd li{ width:115px; height:30px; line-height:30px; text-align:center; float:left; margin-bottom:1px;}
.cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff;}
.cont-left-bd li a:hover{}

.cont-left-ft{ width:230px; margin:0 auto; margin-top:2px}
.cont-left-ft li{ width:115px; height:42px; float:left; border-bottom:1px solid #eee; }
.cont-left-ft li a{ width:114px;  height:42px; display:block; border-right:1px solid #eee; overflow:hidden;}

.cont-main-right{ width:960px; height:548px; float:right; position:relative; background:#fff; border-bottom:1px solid #ececec; border-top:1px solid #ececec;}
.cont-main-right-midline{ width:960px; height:1px; background:#eee; position:absolute; top:50%;}

.cont-right-item{width:191px; border-right:1px solid #eee; height:275px; float:left;}
.cont-right-pic{ width:172px; height:172px; overflow:hidden; margin:0 auto; padding:10px 0;}
.cont-right-pic img{ width:100%; height:100%;}
.cont-right-info{ margin:0 10px; font-size:12px; padding-top:2px;}
.cont-right-info p{ padding-bottom:12px; }
.cont-right-info .title{ font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom: 6px;}
.cont-right-info .title:hover a{ color:#ff6767; }
.cont-right-info .cost b{ font-size:16px; color:#fc5759;}
.likePro-bd-info .cost{ color:#ff6767;padding-top: 6px;}

.cont-right-bd .big-item{ width:383px;}
.big-item-left{ width:180px; height:250px; padding-top:10px; float:left;}
.big-item-right{ float:left; padding-top:70px;}
.big-item-right h2{ font-size:26px; padding:0 0 8px 15px;}

/*楼层背景色*/
.F1 .cont-main-left{ background:#11a6f7;}
.F1 .cont-title h2{ color:#11a6f7}
.F1 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff; }
.F1 .cont-left-bd li a:hover{ background:#0789d3}

.F2 .cont-main-left{ background:#00ccbb;}
.F2 .cont-title h2{ color:#00ccbb}
.F2 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff; }
.F2 .cont-left-bd li a:hover{ background:#04a397}

.F3 .cont-main-left{ background:#18c202;}
.F3 .cont-title h2{ color:#18c202}
.F3 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff; }
.F3 .cont-left-bd li a:hover{ background:#159d04}

.F4 .cont-main-left{ background:#03afff;}
.F4 .cont-title h2{ color:#03afff}
.F4 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff; }
.F4 .cont-left-bd li a:hover{ background:#079be0}

.F5 .cont-main-left{ background:#c555ff;}
.F5 .cont-title h2{ color:#c555ff}
.F5 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff; }
.F5 .cont-left-bd li a:hover{ background:#a120e4}

.F6 .cont-main-left{ background:#ffa749;}
.F6 .cont-title h2{ color:#ffa749}
.F6 .cont-left-bd li a{ width:114px; height:30px;  display:block; color:#fff;}
.F6 .cont-left-bd li a:hover{ background:#ef9432}

.login-hd,.login-bd{text-align:center;border-bottom:1px dotted #E0E0E0;padding-bottom:9px;}
.login-hd{ padding-top:6px; font-size:16px;}
.login-bd{ padding:0px 14px}
.login-bd .loginmsg{text-align:center;color:red;height:10px;line-height:10px;font-size:12px;overflow:hidden}
.login-bd .loginmsgon{height:18px;line-height:18px;}
.login-bd .bd-item{ height:40px; margin-top:3px;  position:relative;}
.login-bd .item-con{padding-left:10px; border-radius:1px; border:1px solid #DCDCDC;}
.login-bd .bd-item .item-inp{ height:30px;line-height:30px; width:130px; border-width:0px; }
.login-bd .bd-item span{width:26px; height:33px; float:left; top:0px; left:15px; position:absolute;border-right:1px solid #DCDCDC}
.login-bd .user-Ico{ background:url(../images/user.png) no-repeat left center;}
.login-bd .pass-Ico{ background:url(../images/pass.png) no-repeat left center;;}
.login-bd .yzm-inp{ width:100px; border:1px solid #dfdfdf; height:32px; padding-left:10px; float:left;}
.login-bd .yzm-inp input{height:26px;line-height:26px; width:96px; border-width:0px;}
.login-bd .yzm-pic{ float:right; height:33px; width:80px; overflow:hidden; cursor:pointer }
.login-bd .login-btn{ width:100%;height:34px;line-height:34px;vertical-align: middle; border-radius:2px; background:#FF6663; text-align:center; display:inline-block;  color:#fff; font-size:16px;}
.login-bd .login-btn:hover{ color:#fff; background:#FF5955}
.login-bd .bd-btn{margin-top:3px;}
.login-bd .bd-item-ft{padding:6px 0;}

.likePro-hd-btn2{position:absolute; right:18px; top:10px;margin:0px;padding:0px;}
.pagebtn{float:left;margin-top:7px;margin-right:10px;color:#333333}
.pagebtn i{font-style: normal;padding:0 2px;}
.pagebtn i.cur{color:#61A8FF}
.btn-prev{background:url(../images/Lc1.png) no-repeat;float:left;cursor:pointer;width:27px;height:27px;cursor:default;}
.btn-next{background:url(../images/Rc1.png) no-repeat;float:left;margin-left:8px;cursor:pointer;width:27px;height:27px;cursor:default;}
.btn-prev-cur{background:url(../images/Lc2.png) no-repeat;cursor:pointer;}
.btn-next-cur{background:url(../images/Rc2.png) no-repeat;cursor:pointer;}
.btneee{cursor:default;}
.nav-l-bd{opacity:0.95;filter:Alpha(Opacity=95);}
